<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小厨房</title>
  <!-- 链入css初始化 -->
  <link rel="stylesheet" href="../../css/base.css">
  <!-- 链入头部和底部通用样式 -->
  <link rel="stylesheet" href="../../css/common.css">
  <!-- 链入首页主体样式 -->
  <link rel="stylesheet" href="../../css/index.css">
  <!-- 公共样式 -->
  <link rel="stylesheet" href="../../common/common.css">
  <link rel="stylesheet" type="text/css" href="../../css/animate.css">
  <link rel="stylesheet" type="text/css" href="../../css/kitchenette.css">
  <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

<![endif]-->
</head>

<body>
  <header></header>
  <div class="common-container">
    <div class="common-container-img">
      <img src="../../img/kitchen/banner.jpg" alt="" class="banner pc">
      <img src="../../img/mobile/bannner3.jpg" alt="" class="banner mobile">
      <ul class="common-container-type clearfix  wow fadeInUpBig">
        <li class="active">
          <img class="hides" src="../../img/kitchen/select.png" alt="">
          <img class="icon icon1" src="../../img/kitchen/icon1.png" alt="">
          <img class="icon activeImg" src="../../img/kitchen/icon1-1.png" alt="">
          <span>全 部</span>
        </li>
        <li>
          <img class="hides" src="../../img/kitchen/select.png" alt="">
          <img class="icon icon1" src="../../img/kitchen/icon2.png" alt="">
          <img class="icon activeImg" src="../../img/kitchen/icon2-1.png" alt="">
          <span>十三香类菜谱</span>
        </li>
        <li>
          <img class="hides" src="../../img/kitchen/select.png" alt="">
          <img class="icon icon1" src="../../img/kitchen/icon3.png" alt="">
          <img class="icon activeImg" src="../../img/kitchen/icon3-1.png" alt="">
          <span>鸡精类菜谱</span>
        </li>
        <li>
          <img class="hides" src="../../img/kitchen/select.png" alt="">
          <img class="icon icon1" src="../../img/kitchen/icon4.png" alt="">
          <img class="icon activeImg" src="../../img/kitchen/icon4-1.png" alt="">
          <span>麻辣鲜类菜谱</span>
        </li>
        <li>
          <img class="hides" src="../../img/kitchen/select.png" alt="">
          <img class="icon icon1" src="../../img/kitchen/icon5.png" alt="">
          <img class="icon activeImg" src="../../img/kitchen/icon5-1.png" alt="">
          <span>原料类菜谱</span>
        </li>
        <li>
          <img class="hides" src="../../img/kitchen/select.png" alt="">
          <img class="icon icon1" src="../../img/kitchen/icon6.png" alt="">
          <img class="icon activeImg" src="../../img/kitchen/icon6-1.png" alt="">
          <span>综合类菜谱</span>
        </li>
      </ul>
    </div>
    <ul class="list clearFix kitchenBox wow fadeInUpBig">
      <a href="detail.html" target="_blank" class="col-xs-6 col-lg-3 col-md-4">
        <li>
          <img src="../../img/kitchen/img_06.jpg" alt="">
          <p>【十三香小厨房】鲜嫩喷香的葱爆羊肉，好吃的连葱都不剩</p>
        </li>
      </a>
      <a href="detail.html" target="_blank" class="col-xs-6 col-lg-3 col-md-4">
        <li>
          <img src="../../img/kitchen/img_06.jpg" alt="">
          <p>【十三香小厨房】鲜嫩喷香的葱爆羊肉，好吃的连葱都不剩</p>
        </li>
      </a>
      <a href="detail.html" target="_blank" class="col-xs-6 col-lg-3 col-md-4">
        <li>
          <img src="../../img/kitchen/img_06.jpg" alt="">
          <p>【十三香小厨房】鲜嫩喷香的葱爆羊肉，好吃的连葱都不剩</p>
        </li>
      </a>
      <a href="detail.html" target="_blank" class="col-xs-6 col-lg-3 col-md-4">
        <li>
          <img src="../../img/kitchen/img_06.jpg" alt="">
          <p>【十三香小厨房】鲜嫩喷香的葱爆羊肉，好吃的连葱都不剩</p>
        </li>
      </a>
      <a href="#" target="_blank" class="col-xs-6 col-lg-3 col-md-4">
        <li>
          <img src="../../img/kitchen/img_06.jpg" alt="">
          <p>【十三香小厨房】鲜嫩喷香的葱爆羊肉，好吃的连葱都不剩</p>
        </li>
      </a>
      <a href="#" target="_blank" class="col-xs-6 col-lg-3 col-md-4">
        <li>
          <img src="../../img/kitchen/img_06.jpg" alt="">
          <p>【十三香小厨房】鲜嫩喷香的葱爆羊肉，好吃的连葱都不剩</p>
        </li>
      </a>
    </ul>
  </div>
  <footer></footer>
  <script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
  <script type="text/javascript">
    window.onload = function () {
      $('header').load('../../template/header.html')
      $('footer').load('../../template/footer.html')

      if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        new WOW().init();
      };
      
      $(".common-container-type li").click(function () {
        $(this).addClass('active').siblings().removeClass('active'); // 添加当前元素的样式
        //     
      })
    }

  </script>
</body>

</html>